<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>源码大数据-api</title>
    <link rel="stylesheet" href="./api.css" />
  </head>
  <body>
    <!-- 头部 -->
    <header class="header df jsb ac">
      <!-- logo -->
      <h1>
        <a href="#"
          ><img src="../../assets/imgs/new-logo-white2.png" alt=""
        /></a>
      </h1>
      <!-- 导航 -->
      <nav class="nav">
        <a href="../home/home.html">首页</a>
        <a class="active" href="./api.html">API</a>
        <a href="../case/case.html">案例</a>
      </nav>
      <!-- 登录和注册 -->
      <div class="login-reg df">
        <a class="loginBtn" href="../login/login.html">登录</a>
        <a class="registerBtn" href="../register/register.html">注册有礼</a>
      </div>
    </header>

    <!-- 主体 -->
    <main class="main">
      <!-- api分类 -->
      <div class="api-cate container">
        <!-- 标题 -->
        <h2>API分类</h2>
        <ul class="df fw api-text">
          <!-- <li class="active">全部</li> -->
          <!-- <li>生活服务</li>
            <li>金融科技</li>
            <li>交通地理</li>
            <li>充值缴费</li>
            <li>数据智能</li>
            <li>企业工商</li>
            <li>应用开发</li>
            <li>电子商务</li>
            <li>吃喝玩乐</li>
            <li>文娱视频</li>
            <li>免费接口大全</li>
            <li>短信</li>
            <li>汽车</li>
            <li>核验</li>
            <li>最新发布</li>
            <li>API私有化部署</li> -->
        </ul>
        <div class="api-cate-search df">
          <b id="api-con">全部</b>
          <div>
            <input class="api-pla" type="text" placeholder="身份证实名" />
            <img src="../../assets/imgs/magnifier.png" alt="" />
          </div>
        </div>
      </div>

      <!-- api列表 -->
      <ul class="api-list container df jsb fw">
        <!-- <li>
          <span>企业专用</span>
          <a href="#">
            <img src="../../assets/imgs/API_01.jpg" alt="" />
            <p class="item-name">2021出行防疫政策指南</p>
            <p class="item-price green">免费</p>
            <button>申请数据</button>
          </a>
        </li> -->
      </ul>

      <!-- 分页 -->
      <div class="page">
        <a class="on" href="#">1</a>
        <a href="#">2</a>
        <a href="#">3</a>
        <a href="#">4</a>
        <a href="#">5</a>
        <a href="#">6</a>
        <a href="#">7</a>
        <a href="#">8</a>
        <span class="drop">......</span>
        <span class="next-page">下一页&gt;</span>
      </div>
    </main>
    <!-- 尾部 -->
    <footer class="footer">
      <div class="fl-box container">
        <!-- 列表 -->
        <div class="footer-top df jsb">
          <div class="box df">
            <ul class="service-list">
              <li class="contact">联系与支持</li>
              <li>
                <a href="#">400-882-7715</a>
              </li>
              <li>
                <a href="#">售前咨询</a>
              </li>
              <li>
                <a href="#">客服&售后</a>
              </li>
              <li>
                <a href="#">常见问题</a>
              </li>
              <li>
                <a href="#">极速工单</a>
              </li>
              <li>
                <a href="#">投诉与建议</a>
              </li>
            </ul>
            <ul class="service-list">
              <li class="contact">关于源码</li>
              <li>
                <a href="#">400-882-7715</a>
              </li>
              <li>
                <a href="#">合作伙伴</a>
              </li>
              <li>
                <a href="#">服务条款</a>
              </li>
              <li>
                <a href="#">隐私政策</a>
              </li>
              <li>
                <a href="#">市场合作</a>
              </li>
              <li>
                <a href="#">反商业贿赂声明</a>
              </li>
            </ul>
            <ul class="service-list">
              <li class="contact">快速入口</li>
              <li>
                <a href="#">400-882-7715</a>
              </li>
              <li>
                <a href="#">API数据</a>
              </li>
              <li>
                <a href="#">黑钻会员</a>
              </li>
              <li>
                <a href="#">新闻动态</a>
              </li>
              <li>
                <a href="#">联系我们</a>
              </li>
              <li>
                <a href="#">加入我们</a>
              </li>
            </ul>
            <ul class="service-list">
              <li class="contact">产品服务</li>
              <li>
                <a href="#">400-882-7715</a>
              </li>
              <li>
                <a href="#">云监测</a>
              </li>
              <li>
                <a href="#">云查询</a>
              </li>
              <li>
                <a href="#">云助手</a>
              </li>
              <li>
                <a href="#">聚盒子</a>
              </li>
              <li>
                <a href="#">云充值</a>
              </li>
            </ul>
            <ul class="service-list">
              <li class="contact">联系与支持</li>
              <li>
                <a href="#">400-882-7715</a>
              </li>
              <li>
                <a href="#">售前咨询</a>
              </li>
              <li>
                <a href="#">客服&售后</a>
              </li>
              <li>
                <a href="#">常见问题</a>
              </li>
              <li>
                <a href="#">极速工单</a>
              </li>
              <li>
                <a href="#">投诉与建议</a>
              </li>
            </ul>
          </div>
          <!-- 二维码 -->
          <div class="wechat">
            <p class="wetitle">微信公众号</p>
            <p class="name">源码时代</p>
            <img src="../../assets/imgs/wechat-white.png" alt="" />
          </div>
        </div>
        <!-- 底部 -->
        <div class="footer-bottom df jsb">
          <div class="ft-box">
            <a href="#"><img src="../../assets/imgs/bei2.png" alt="" /></a>
            <a href="#"><img src="../../assets/imgs/bei1.png" alt="" /></a>
            <span
              >增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span
            >
          </div>

          <!-- 右边 -->
          <div class="rt-box">
            <span>源码大数据股份有限公司©版权所有</span>
          </div>
        </div>
      </div>
    </footer>

    <!-- 蒙层 -->
    <div class="mask">
      <!-- 登录界面 -->
    </div>
    <script src="../../assets/js/fn.js"></script>
    <script src="../../assets/js/common.js"></script>
    <script src="./api.js"></script>
  </body>
</html>
